<!Doctype html>
<html>
<head>
<title></title>
<link href="bootstrap.min.css" rel="stylesheet">
 <script src="jquery-3.3.1/jquery-3.3.1.min.js"></script>
 <script src="bootstrap.min.js"></script>
 <script src="popper.js"></script>
</head>
<body>
<!--
<div class="dropdown">
<button type="button" class="btn btn-default dropdown-toggle" datatoggle="dropdown">
吃鸡装备<span class="caret"></span>
</button>
<ul>
<li>平底锅</li>
<li>三级头</li>
<li>四倍镜</li>
</ul>
</div>
-->
<div class="dropdown">
   <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
      data-toggle="dropdown">
      主题      <span class="caret"></span>
   </button>
   <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">Java</a>
      </li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
      </li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">
            数据通信/网络         </a>
      </li>
      <li role="presentation" class="divider"></li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
      </li>
   </ul></div>
</body>
</html>

